<template>
  <div class="mask-box">
    <div class="mask">
      <transition name="fade">
        <div @click="go_theme" class="article-box">
          <van-row v-if="isHide" class="box-list" type="flex" justify="center" align="center">
            <van-col :span="12">
              <div class="box-one">
                <!-- <span v-if="$route.query.nameLink=='articleAdd'" class="iconfont icon11 icon-icon-test"></span> -->
                <span  class="iconfont icon11 icon-jianyi"></span>
              </div>
            </van-col>
            <van-col :span="12">
              <p class="box-text">{{name}}</p>
            </van-col>
          </van-row>
        </div>
      </transition>
      <div class="box-thress box-list">
        <van-icon v-if="!isHide" class="icon-checket" name="add" @click="isHide=!isHide" />
        <van-icon v-if="isHide" class="icon-checket" name="clear" @click="isHide=!isHide" />
        <!-- <i v-if="!isHide" class="iconfont icon-checket icon-jiahao-copy" @click="isHide=!isHide" @touchmove.prevent></i>
        <i v-if="isHide" class="iconfont icon-checket icon-chahao" @click="isHide=!isHide" @touchmove.prevent></i> -->
      </div>
    </div>
    <transition name="fade">
      <div v-if="isHide" class="black-mack" @click="isHide=false" @touchmove.prevent></div>
    </transition>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isHide: false,
      name:"优化建议"
    };
  },
  methods: {
    //跳转到发贴
    go_theme() {

        this.$router.push({
          path: "/proposal"
        });

    }
  },
  created() {
    console.log(this.$route.query.nameLink)
    // if (this.$route.query.nameLink=='articleAdd') {
    //   this.name = '主题帖'
    // }
    // if (this.$route.query.nameLink=='proposalAdd') {
    //   this.name = '优化建议'
    // }
  }
};
</script>

<style lang="scss" scoped>
@import "AddTheme";
</style>

